<template>
	<view class="flash-sale-item df mb-40">
		<view class="pro-img">
			<image :src="datas.thumb" mode="" class="pro-img " @click="goRouter('/pages/huodong/detail',{id:datas.id})"></image>
			<view class="btn-buy" :class="datas.status_key == 'act_end' ? 'bg-gray' : ''" @click="signUp(datas)" >
				<!-- <text >{{datas.status_info.name}}</text> -->
			</view>
		</view>
		<view class="product pr">
			<view class="fz24 title">{{datas.title}}</view>
			<!-- <view class="c-ae fz18 desc">{{datas.desc}}</view> -->
			<view class="c-ae  mr-10">{{datas.date_activity_start}} - {{datas.date_activity_end}}</view>
			<view class="">
				
				<!-- <view class="c-333 fw-b mr-10">2021-12-12 28：00：00</view> -->
				<view class="df fz24">
					<view class="c-ae" style="margin-top: 5px;">

						{{datas.address}}
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			datas: {
				type:Object,
				default:()=> {
					return {}
				}
			},
			type:{
				type:Number,
				default:1
			}
		},
		data() {
			return {
				text:'开播提醒'
			};
		},
		methods: {
			collect() {
				
			},
			tipCick() {
				if(this.text=='开播提醒') {
					this.text = '取消提醒'
				}else { 
					this.text = '开播提醒'
				}	
			},
			signUp(data){
				console.log(data);
				if(data.status_key == 'sign_ing'){
					uni.navigateTo({
						url:'/pages/huodong/signUp?id='+data.id
					})
				}
			}
		}
	}
</script>

<style lang="scss">
.flash-sale-item {
	.pro-img {
		width: 250rpx;
		height: 250rpx;
		border-radius:10rpx;
		margin-right: 30rpx;
	}
	.product {
		flex:1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.title{
			font-size: 30rpx;
		}
	}
	.btn-buy {
		color: hsla(0,0%,100%,.95);
		background: linear-gradient(225deg, #ff9668, #ff5d72);
		height: 25px;
		line-height: 25px;
		text-align: center;
		font-size: 10px;
		border-radius: 2px;
		padding: 0px 5px 5px 5px;
		margin-top: -45px;
		position: absolute;
	}
	.bg-gray{
		    background: linear-gradient(225deg, #888, #888);
	}
}
</style>
